#box.container{
  width: 1400px;
  min-height: 100px;
  border: 2px solid #777;
}
#box h2{
  text-align: center;
}
.top>ul>li>select{
  width: 120px;
  height: 28px;
}
.top ul{
  margin-top: 15px;
}
#box .middle>.left{
  width: 50%;
}
#box .middle .top ul li:not(:last-child){
  float:left;
  margin-right: 10px;
}
#box .middle .top ul li button{
  border: 0;
  display: block;
  width: 92px;
  height: 28px;
  border-radius: 5px;
}
#box .bottom .left{
  min-width: 344px;
  background: #F2F2F2;
}
#box .bottom .right{
  min-width: 344px;
  background: #F2F2F2;
}
#box .middle>.right{
  width:50%;
}
#box .middle>.right table {
  width:100%;
}
#box .middle>.right table td{
  height: 30px;
}
table{
  width:100%
}
#tableDIV{
  width: 100%;
  height: 500px;
  overflow: auto;
}
#export{
  text-align: right;
  background: #555;
}
#export button{
  border: 1px solid #797979;
  width: 112px;
  height: 34px;
  background: #333;
  margin-right: 1px;
}
